<template>
  <div>
    <div class="top">智慧酒店后台管理</div>
    <div class="box">
      <div class="left">
        <ol>
          <li>会员管理
          <ul>
            <li @click="memberList">会员列表</li>
            <li @click="memberRightList">会员权益</li>
            <li @click="memberLevelList">会员等级</li>
          </ul>
          </li>
          <li>
            门店管理
            <ul>
              <li @click="shoplist">门店列表</li>
              <li @click="shopcount">门店统计</li>
            </ul>
          </li>
        </ol>
      </div>
      <div class="right">
        <RouterView />
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">


import { useRouter } from 'vue-router';

const router=useRouter();
//函数
//跳转到会员列表
const shoplist=()=>{
  router.push("/main/shoplist");
}
const shopcount=()=>{
  router.push("/main/shopcount");
}





const memberList=()=>{
router.push('/main/memberList')
}
//跳转到会员权益
const memberRightList=()=>{
  router.push('/main/memberRightList')
}
//跳转到会员等级
const memberLevelList=()=>{
  router.push('/main/memberLevelList')
}


</script>
<style scoped>
.top{
height: 100px;
line-height: 100px;
background-color: aquamarine;
}
.box{
  display: flex;
  background-color:space-between;
}
.left{
  width: 200px;
  background-color: rgb(13, 227, 131);
}
.right{
  flex: 1;
  background-color:aqua;
}
</style>